<template>
    <div>
        <div style="height: 30px;"></div>
        <el-card>
            <el-breadcrumb separator-class="el-icon-arrow-right">
                <el-breadcrumb-item :to="{ path: '/hello' }">首页</el-breadcrumb-item>
                <el-breadcrumb-item>帖子管理</el-breadcrumb-item>
            </el-breadcrumb>
            <div style="height: 10px;"></div>

            <el-tabs v-model="activeName" @tab-click="handleClick">

                <el-tab-pane label="审核新的帖子" name="first">
                    <postsApply/>
                </el-tab-pane>

                <el-tab-pane label="置顶申请" name="second">
                    <topApply/>
                </el-tab-pane>

                <el-tab-pane label="加精申请" name="third">
                    <starApply/>
                </el-tab-pane>
                <el-tab-pane label="锁定申请" name="fourth">
                    <lockApply/>
                </el-tab-pane>
                <el-tab-pane label="新的用户申请" name="six">
                    <userApply/>
                </el-tab-pane>
                <el-tab-pane label="创建新的板块" name="five">
                    <createPlate/>
                </el-tab-pane>
            </el-tabs>
        </el-card>
    </div>
</template>

<script>
import userApply from "../components/Admin/userApply";
import createPlate from "../components/Admin/createPlate";
import postsApply from "../components/Admin/postsApply";
import topApply from "../components/Admin/topApply";
import starApply from "../components/Admin/starApply";
import lockApply from "../components/Admin/lockApply";
    export default {
        name: "Admin",
        components:{postsApply,topApply,starApply,lockApply,createPlate,userApply},
        created() {
        },
        data(){
            return{
                activeName: 'first'
            }
        },
        methods:{
            goBack:function(){
              this.$router.push("/home")
            },
            handleClick(tab, event) {
                console.log(tab, event);
            },
        }
    }
</script>

<style scoped>

</style>
